// 引入自定义模块

/* 
import 导入
from 从哪
'./test'  自定义模块的相对路径
* 模块对象中的所有属性/方法
as 给模块对象取别名
*/

/* 
导入方式一: 导入分别导出和统一导出的模块
import { yyy, zzz } from './test'  // 必须是指定的名称
*/
import {a1, a2} from './m1.js' // 不要省略.js

// a1()
// a2.fn()

import {b1, b2, b3, b4} from './m2.js'
// console.log(b1, b2, b3, b4)

// default不能用于变量名 => 要取别名
import {default as m333} from './m3.js'
// m333()

/* 
导入方式三: 导入所有模块(包括默认与非默认导出的)
import * as test from './test' // 可以是任意名称
*/
import * as m1 from './m1.js'
// console.log(m1)

import * as m22 from './m2.js'
// console.log(m22)

import * as m33 from './m3.js'
// m33.default()
// console.log(m33)


/* 
导入方式二: 导入默认导出的模块
简洁写法: import xxx from './test' // 可以是任意名称
完整写法: import {default as xxx} from './test'
*/

import m4 from './m3.js'  // 简洁语法
import {default as m44} from './m3.js' // 原始写法

console.log(m4, m44)